﻿@charset "utf-8";
/* CSS Document */
/*- 谷歌浏览器(Webkit): ::-webkit-input-placeholder pseudo-element;*/

/*- IE10: :-ms-input-placeholder pseudo-Class;*/

/*- 火狐浏览器(Gecko18-): :-moz-placeholder pseudo-Class;*/

/*- 火狐浏览器(Gecko19+): ::-moz-placeholder pseudo-element;*/

/*- Opera(Presto): 无;*/

/* WebKit browsers */
::-webkit-input-placeholder {
    color: #777;
}

/* Mozilla Firefox 4 to 18 */
:-moz-placeholder {
    color: #777;
    opacity: 1;
}

/* Mozilla Firefox 19+ */
::-moz-placeholder {
    color: #777;
    opacity: 1;
}

/* Internet Explorer 10+ */
:-ms-input-placeholder {
    color: #777;
}

body {
    text-align: center;
    font-family: "STCaiyun", "Arial", "Microsoft YaHei", "黑体", "宋体", "KaiTi", sans-serif;
}

#logo {
    font-family: "KaiTi";
    font-size: 70px;
    margin-top: 120px;
    color: white;
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    -ms-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;

    text-shadow: 1px 1px 0 rgba(51, 122, 183, 0.1),
    13px 3px 0 rgba(51, 122, 183, 0.9),
    5px 5px 0 rgba(51, 122, 183, 0.8),
    17px 7px 0 rgba(51, 122, 183, 0.7),
    9px -15px 0 rgba(51, 122, 183, 0.6),
    -11px 11px 0 rgba(51, 122, 183, 0.5),
    7px -13px 0 rgba(51, 122, 183, 0.4),
    15px 30px 0 rgba(51, 122, 183, 0.3),
    -20px 17px 0 rgba(51, 122, 183, 0.2),
    -19px 19px 0 rgba(51, 122, 183, 0.1),
    30px -21px 0 rgba(51, 122, 183, 0.08),
    23px 23px 0 rgba(51, 122, 183, 0.06),
    -25px 40px 0 rgba(51, 122, 183, 0.04),
    27px 27px 0 rgba(51, 122, 183, 0.02),
    -29px 29px 0 rgba(51, 122, 183, 0.0);
}

#logo:hover {
    font-family: "KaiTi";
    -webkit-transform: rotate(1deg) scale(1.02);
    -moz-transform: rotate(1deg) scale(1.02);
    -o-transform: rotate(1deg) scale(1.02);
    -ms-transform: rotate(1deg) scale(1.02);
    transform: rotate(1deg) scale(1.02);

    text-shadow: 10px 1px 0 rgba(57, 132, 57, 0.1),
    13px 23px 0 rgba(57, 132, 57, 0.2),
    15px 5px 0 rgba(57, 132, 57, 0.03),
    17px 7px 0 rgba(57, 132, 57, 0.04),
    9px 15px 0 rgba(57, 132, 57, 0.2),
    -11px -11px 0 rgba(57, 132, 57, 0.06),
    17px -13px 0 rgba(57, 132, 57, 0.07),
    15px 30px 0 rgba(57, 132, 57, 0.1),
    -20px -17px 0 rgba(57, 132, 57, 0.06),
    -19px 19px 0 rgba(57, 132, 57, 0.08),
    5px 21px 0 rgba(57, 132, 57, 0.02),
    23px -23px 0 rgba(57, 132, 57, 0.1),
    25px 40px 0 rgba(57, 132, 57, 0.2),
    27px 17px 0 rgba(57, 132, 57, 0.1),
    -29px -29px 0 rgba(57, 132, 57, 0.1);
}

#login-win {
    margin-left: 40%;
}